.homecard{
   .user{
       display: flex;
       align-items: center;
       padding-bottom: 20px;
       margin-bottom: 20px;
       border-bottom: 1ps solid #ccc;
       img{
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin-right: 40px;
    }
    &userinfo{
        .username{
            font-size: 32px;
            margin-bottom: 10px;
        }
        .access{
            color: #999999;
        }
    }
   }
   .logininfo{
       p{
         line-height: 28px;
         font-size: 14px;
         color: #999999;
         span{
             color: #666666;
             margin-left: 60px;
         }  
       }
   } 
   .num{
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       .el-card{
           width: 32%;
           margin-bottom: 20px;
       }
        .icon{
            font-size: 30px;
            width: 80px;
            height: 80px;
            text-align: center;
            line-height: 80px;
            color: #fff;
         }
        .detail{
            margin-left: 15px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            .num{
                font-size: 30px;
                margin-bottom: 10px;
             }
            .txt{
                 font-size: 14px;
                text-align: center;
                color: #999999;
            }
        }
    }
   .graph{
       margin-top: 20px;
       display: flex;
       justify-content: space-between;
       .el-card{
           width: 48%;
       }
    }
}